<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    
    <title>Geocodierungsfehler abfangen</title>

	<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" 
    	  rel="stylesheet" 
          type="text/css" />

	<!-- Google Maps API -->          
	<script type="text/javascript" 
			src="http://maps.google.com/maps/api/js?sensor=false">
    </script>
    
    <!-- JQuery -->
    <script type="text/javascript" src="jquery-1.6.4.js"></script>
    
    <!-- Fehlermanagement -->
	<script type="text/javascript" src="function.js"></script>
    
	<script type="text/javascript">

  	// Karte initialisieren
  	function initialize() {
		geocoder = new google.maps.Geocoder();
		directionsDisplay = new google.maps.DirectionsRenderer();
    	
		// Kartenoptionen
		var myOptions = {
		  zoom:15,
		  navigationControl: false,
  		  mapTypeControl: false,
  		  scaleControl: true,
		  mapTypeId: google.maps.MapTypeId.ROADMAP,
    	}
		
		// Karte ausgeben
   		map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    	directionsDisplay.setMap(map);
		
		// Welcher Ort soll gesucht werden?
		var myTextField = document.getElementById('MAP_ort').value;
		
		// Ort Geocodieren
		myGeocode(myTextField);

	}
		
	// Funktion die einen Ort geocodiert und Ihn dann mittels
	// eines Markers in der Karte anzeigt
	function myGeocode(ort) {
	
	// Ort der Codiert werden soll
    var address = document.getElementById("MAP_ort").value;

    if (geocoder) {
      geocoder.geocode( { 'address': address}, function(results, status) {
	    
		// Geocodierung erfolgreich abgeschlossen
		if (status == google.maps.GeocoderStatus.OK) {
			
			  // Zentrum der Karte auf den gesuchten Ort richten
			  map.setCenter(results[0].geometry.location);
	
			  // Marker auf den Ort setzen
			  tempMarker = new google.maps.Marker({
				  map: map, 
				  position: results[0].geometry.location,
				  bouncy: true
			  });
        } 
		
		// Es ist ein Fehler aufgetreten
		else{
			geocodeError(status);	
		}
		
      });
    }
  }
  		
  

  
</script>

	<link href="error.css" 
    	  rel="stylesheet" 
          type="text/css" />
    
</head>

<body onload="initialize()">

	<!-- Fehlerausgabe -->
	<div id="error_info" class="error_info">
    
    </div>
    
    <!-- Platz für die Karte reservieren -->
    <div id="map_canvas" style="width:100%;height:100%;">
    
    </div>
    
    <!-- Kontrollelemente -->
    <div id="control_panel" class="control_Panel">
     
            <form method="GET" name="myForm" id="myForm" 
                	 action="geocode.php?ort=<?php echo $_GET['MAP_ort']; ?>">
              		<center>
              			<p>Ort suchen: <br />
                          <input name="MAP_ort" class="inputField" type="text" id="MAP_ort" 
                          value="<?php if(!isset($_GET['MAP_ort'])) {echo "Fachhochschule Kaiserslautern";} else echo $_GET['MAP_ort']; ?>" />
                          <br />
                          <input type="button" class="button" name="btn_geocode" 
                          id="btn_geocode" value="Geokoordinaten ermitteln" onclick="myGeocode();" />
              			
              		</center>
   		    </form>
       </div>
</body>

</html>
